@charset "utf-8";
/* CSS Document */
body,ul,li,ol,dl,dt,dd,h1,h2,h3,h4,h5,h6,p,input,select,textarea,form,img,div,pre,fieldset,blockquote,th,td {margin:0;padding:0;outline:none;}
body{color:#333; background-color:#ffffff;}
html{ overflow-x:hidden;}
ul,li,ol,dl,dt,dd{list-style:none}
img{border:none;border-style: none;}
*{ font-family:"Microsoft Yahei";margin:0;padding:0;}
.animate{transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;-webkit-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;}
input,textarea,button{ background: transparent;vertical-align:middle}
a{ color:#333; text-decoration:none;}
:focus{outline:0}
table { border-spacing: 0px; border-collapse: collapse; }
tr { cursor: pointer; }
input, textarea{ border: 0; }
textarea{resize:none}
select{ border:none;outline: none;}
iframe, video{ width:600px; height:400px;}
.mt30{ margin-top:30px !important;}
.clear{ clear:both;}
/*href*/
a:link,a:visited{color:#333; text-decoration:none;}
a:hover,a:active{color:#96070b; text-decoration:none;}
.cfff,.cfff a:link,.cfff a:visited{color:#fff !important}
.cfff a:hover,.cfff a:active{color:#ddd}
.cccc,.cccc a:link,.cccc a:visited{color:#ccc}
.cccc a:hover,.cccc a:active{color:#ddd}
.c666,.c666 a:link,.c666 a:visited{color:#666}
.c666 a:hover,.c666 a:active{color:#005c33}
.c999,.c999 a:link,.c999 a:visited{color:#999}
.c999 a:hover,.c999 a:active{color:#005c33}

/*common*/
.wrap{width: 1200px;margin:0 auto;}
.l{float:left !important}
.r{float:right !important}
.o{overflow:hidden;}
.c{display:block;height:0;overflow:hidden}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{*zoom:1}
.hidden{display:none}
.center{text-align:center}

.flexbox{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex}
.lc{-webkit-box-direction:normal;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis}
/*文字超出省略*/
.ellipsis{-webkit-box-direction:normal;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis}
.ovh1{text-overflow:ellipsis;white-space: nowrap;overflow: hidden;}
.ovh2{-webkit-line-clamp:2}
.ovh3{-webkit-line-clamp:3}
.ovh5{-webkit-line-clamp:5}

.table{ display:table; table-layout: fixed; text-align:center; width:100%; height:100%}
.table_cell{ display:table-cell; vertical-align:middle}

.index_banner_new {width: 100%;height: auto;min-width: 280px;min-height: 160px;margin: 0px auto;position: relative;overflow: hidden}
.index_banner_new ul {margin: 0;padding: 0;width: 100%;height: 100%;position: absolute;z-index: 1}
.index_banner_new ul li {display: none;position: absolute;left: 0;top: 0;width: 100%;height: 100%;overflow: hidden}
.index_banner_new ul li.active {display: block}
.index_banner_new ul li .intro {position: relative}
.index_banner_new ul li .intro video{ width:100%; height: 100%;object-fit: fill;}
.index_banner_new ul li img {position: absolute;left: 0;top: 0;width: 100%;height: 100%}
.index_banner_new .dots {position: absolute;bottom: 20px;right: 0;height: 12px;z-index: 2;text-align: center}
.index_banner_new .dots span {display: inline-block;width: 40px;height: 6px;background: #e0e0e0;margin: 0 5px;cursor: pointer;-moz-border-radius: 4px;-webkit-border-radius: 4px;border-radius: 4px}
.index_banner_new .dots span.active {background: #c52c2b}
.index_banner_new .prev {left: 20px}
.index_banner_new .next {right: 20px}
#tqchina_banner {position: relative}
.tqchina_banner_load {position: absolute;bottom: 0px;left: 0px;z-index: 3;width: 100%}
.tqchina_banner_load i {width: 0%;display: block;height: 1px;background: #f00}
.tqchina_banner_bg {width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 9;background: rgba(0, 0, 0, 0.0)}
a.tqchina_banner_text {display: block;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);z-index: 10;color: #fff;text-align: center;width: 100%}
#warp {max-width: 1920px;margin: 0 auto;overflow: hidden}
#index_top {position: relative}


/*logo导航*/
.top{ position:absolute; top:0px; left:0px; z-index:999; width:100%; height:126px; }
.logo{ background: url(../images/logo.png) no-repeat center center; width:306px; height:126px; margin-left:130px}

.top_con{ width:110px; float: right; margin-right:80px;}
.top_con ul li{ float:right; line-height:90px; margin-left:0px;  position: relative; font-size:16px; color:#0c5ec2}
.top_con ul li img{vertical-align:middle;}
.top_con_txt{ color:#0c5ec2; font-size:20px; font-weight:bold;}
.top_con_txt span{ font-size:14px; font-weight:normal;}
.none {width: 150px; height: 150px;  background: rgba(255, 255, 255, 1); position: absolute; top:120px; left:-50px; z-index:999; display: none; }
.top_con ul li:hover .none{ display: block; text-align:center; line-height:30px; color:#b17b52}


.nav{ text-align: right;position:absolute; width:100%; right:300px; }
.nav li{ display:inline-block; line-height:66px; height:66px; margin-top:30px; text-align: center; padding:0 1.8%;background: url(../images/dhbj.png) no-repeat  left center;}

.nav li:nth-child(1){ background: url(../images/dhbj1.png) no-repeat  left center;}
.nav li a{ font-size: 20px; color: #fff;}
.nav li:hover{ border-bottom:2px solid #94070a;}



.index{width:100%;overflow:hidden; position: absolute; top: 1000px;z-index: 90001; background-color: #ffffff;}
/*图片导航*/
.sytudh{ width:100%; margin:0 auto;}
.sytudh ul li{ width:24%; margin:0.5%; float:left; padding:2rem 0 4rem }
.sytudh ul li h1{ font-size:30px; line-height:60px; margin:2rem 0 0 4rem; color:#FFF; font-weight: normal;}
.sytudh ul li h2{ font-size:20px; line-height:30px; margin:0rem 0 0 4rem; color:#FFF; font-weight: normal; text-transform: uppercase;}
.sytudh ul li h3{margin:1rem 0 0 4rem;}
.sytudh ul li:nth-child(1){background: url(../images/lmdhbj1.jpg) no-repeat center center; background-size:100% 100% }
.sytudh ul li:nth-child(2){background: url(../images/lmdhbj2.jpg) no-repeat center center; background-size:100% 100% }
.sytudh ul li:nth-child(3){background: url(../images/lmdhbj3.jpg) no-repeat center center; background-size:100% 100% }
.sytudh ul li:nth-child(4){background: url(../images/lmdhbj4.jpg) no-repeat center center; background-size:100% 100% }
/*图片导航*/

/*二级导航*/
.top1{ position:absolute; top:0px; left:0px; z-index:999; width:100%; height:100px; background:#96070b; }
.logo1{ background: url(../images/logo1.png) no-repeat center center; width:306px; height:100px; margin-left:130px}
.none1 {width: 150px; height: 150px;  background: rgba(255, 255, 255, 1); position: absolute; top:100px; left:-50px; z-index:999; display: none; }
.top_con ul li:hover .none1{ display: block; text-align:center; line-height:30px; color:#b17b52}
.nav11{ text-align: right;position:absolute; width:100%; right:300px; }
.nav11 li{ display:inline-block; line-height:66px; height:66px; margin-top:17px; text-align: center; padding:0 1.8%;background: url(../images/dhbj.png) no-repeat  left center;}

.nav11 li:nth-child(1){ background: url(../images/dhbj1.png) no-repeat  left center;}
.nav11 li a{ font-size: 20px; color: #fff;}
.erjibanner{ width:100%; background: url(../images/erjibannner.jpg) no-repeat center center; height:400px; margin-top:100px;}
.ejdh{ height:90px;overflow: hidden; }
.dqlm{ width:600px; height:90px; float:left; line-height:90px; font-size:24px; color:#333333;}
.dqlm span{line-height:90px; font-size:24px; color:#96070b; font-weight:bold;text-transform: uppercase;}
.dqwz span{ width:36px;}
.dqwz{ width:600px; height:90px; line-height:90px; font-size:16px; color:#333333; text-align:right; display:inline-block;}
.dqwz span{ background: url(../images/wztb.png) no-repeat  left center; padding-left:36px }


/*二级导航*/




/*底部*/
.footer{ background: url(../images/dibubj.jpg) no-repeat center center; height:280px; width:100%;}
.f_nr{ width: 1280px; margin: 0 auto;}
.foot{ padding: 45px 0 35px;}
.foot1{ width:880px; float:left;}
.foot1s1{ width:243px; height:66px; float:left;}
.foot1s2{width:570px; float:right; margin-top:24px;}
.foot1s2 ul li{ width:140px; height:18px; line-height:18px; border-left:2px solid #FFF; float:left; text-align:center; color:#FFF;}
.foot1s2 ul li:nth-child(1){border-left:0px solid #FFF;}
.foot1s2 ul li a{color:#FFF;}
.foot1z h1{ font-size:16px; color:#FFF; line-height:32px; margin-top:20px;}
.foot1z h2{ font-size:24px; color:#dd0301; line-height:40px;}
.foot1x{font-size:14px; color:#FFF; line-height:32px;}
.foot1x a{color:#FFF;}

.foot2{ width:400px; float:right;}
.foot2 ul li{ width:150px; float:right; margin-left:50px;}
.foot2 ul li h2{ font-size:16px; line-height:40px; text-align:center; color:#FFF; font-weight:normal;}
/*底部*/


/*联系我们*/
.lxwmnr{background: url(../images/lxbj.jpg) no-repeat center center; height:450px; margin:45px auto; overflow:hidden;}
.lxwmnr h1{ padding:40px 0 0 50px;}
.lxwmnr h2{ font-size:16px; color:#333; font-weight:normal; padding:20px 0 0 50px; line-height:30px;}
.lxwmnr h3{ font-size:24px; color:#dd0301; font-weight: bold; padding:10px 0 0 50px; line-height:30px;}
.lxwmnr h4{ padding:20px 0 0 50px;}
/*联系我们*/


/*产品*/
.cpfl{ background:#96070b; overflow:hidden; margin-top:10px;}
.cpfl ul li{ width:240px; float:left; line-height:60px; text-align:center; font-size:24px; }
.cpfl ul li a{ color:#FFF;}
.cpfl ul li.on a{color:#fdd000;}
.ejtplb{ width:1230px; margin:15px auto; overflow:hidden; padding-bottom:30px;}
.ejtplb ul li{ width:380px; margin:15px; float:left; background:#ededed; overflow:hidden; }
.ejtplb ul li h1{}
.ejtplb ul li h2{ width:380px; height:80px; background:#ededed; line-height:70px; font-size:24px; color:#666; text-align:center; font-weight:normal;}

/*产品*/
/*简介*/
.erjijjnr{ padding: 30px 0; text-align:justify;}


.erjijjnr, .erjijjnr p{ font-size: 16px; color: #333333; line-height: 32px;}
.erjijjnr p{ margin-bottom: 10px;}
.erjijjnr img{ max-width:100%;}
.erjijjnr p img{ max-width:100%;}
/*简介*/
/*门店*/
.mdfb{ width:1170px; height:540px; margin:50px auto; border:15px solid #96070b;}
.mdfbz{ width:780px; height:510px; float:left;}
.mdfby{ height:510px;}
.mdfbylb ul li{ width:100%; border-bottom:1px solid #f2f2f2; background: url(../images/dtwztb.png) no-repeat  left top; padding-left:25px;}


.mdtu{ width:1200px; margin:0px auto 50px;}
/*门店*/

@media (max-width: 1600px){
.box5_slide .hd{ height:40px; line-height:40px;  border-bottom:1px solid #DCDCDC;margin-top:-700px; z-index:9999; position:absolute; width:650px;  background:rgba(255,255,255,0.8); height:700px; }

.wel-product {overflow: hidden;position: relative;opacity: 1; height:368px;  margin-top:220px}
}

@media (max-width: 1400px){
.box5_slide .hd{ height:40px; line-height:40px;  border-bottom:1px solid #DCDCDC;margin-top:-700px; z-index:9999; position:absolute; width:600px;  background:rgba(255,255,255,0.8); height:700px; }
.wel-product {overflow: hidden;position: relative;opacity: 1; height:322px;  margin-top:220px}
}



@media (max-width: 1200px){
.box5_slide .hd{ height:40px; line-height:40px;  border-bottom:1px solid #DCDCDC;margin-top:-700px; z-index:9999; position:absolute; width:550px;  background:rgba(255,255,255,0.8); height:700px; }
.wel-product {overflow: hidden;position: relative;opacity: 1; height:276px;  margin-top:220px}

}










.test { width:95%; margin-left:4%;    overflow: auto;
    border: none;
    margin-top: 20px;}
.scrollbar {width:90%;height: 510px;font-size: 16px;color: #5d5347;line-height: 34px; text-align:justify;}

.scrollbar p{ font-size:24px; line-height:50px; color:#6f6f6f;  }

 .test-1::-webkit-scrollbar {/*滚动条整体样式*/
 width: 10px;     /*高宽分别对应横竖滚动条的尺寸*/
 height: 1px;
}
.scrollbar span{font-size: 10px; color:#c0ad96; padding:0 10px;}
.test-1::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
 border-radius: 10px;
 -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.5);
 background: #f5f5f5;
}
.test-1::-webkit-scrollbar-track {/*滚动条里面轨道*/
 -webkit-box-shadow: inset 0 0 5px rgba(255,255,255,1);
 border-radius: 10px;
 background: #eeeeee;
}





.article{ padding: 50px 0; text-align:justify;}
.article, .article p{ font-size: 16px; color: #333333; line-height: 30px;}
.article p{ margin-bottom: 10px;}
.article img{ max-width:100%;}
.article p img{ max-width:100%;}

.pagelist { text-align: center; margin: 20px 0 40px; clear:both; padding-top:30px;}
.pagelist span, .pagelist strong, .pagelist a { display: inline-block; border: 1px solid #ddd;padding: 2px 6px; margin-right: 2px; line-height:16px; text-decoration:none; color:#666;}
.pagelist strong { background: #dd0301; color: #fff;}